<script type="text/javascript" src="/site_media/js/jquery/jquery.tablesorter.js"></script>
<script language="javascript">
$(document).ready(function()
    {
        $("#list_wall").tablesorter();
    }
);
</script>

<table id="list_wall" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
  <thead>
    <tr>
      <th class="header">Title</th>
      <th class="header">Created on</th>
      <th class="header">Created by</th>
      <th class="header">Description</th>
    </tr>
  </thead>
  <tbody>
    {% block wall_list %}
    {% for each_wall in existing_walls %}
    <tr class="{% cycle 'odd' 'even' %}">
      <td><a href='/cardwall/view_wall/{{each_wall.id}}'>{{each_wall.title}}</a></td>
      <td>{{each_wall.date_created}}</td>
      <td>{{each_wall.owner}}</td>
      <td>{{each_wall.description}}</td>
    </tr>
    {% endfor %}
    {% endblock %}
  </tbody>
</table>

